<template>
	<div>
	  <div v-if="dialogVisible">
		<el-dialog title="信息确认并提交" :visible.sync="dialogVisible" width="700px">
		  <div>
			<div v-for="(item, i) in systemGuifanFilesProcessList" :key="i">
			  <div class="mb20">
			   <b>管理信息<span v-if="systemGuifanFilesProcessList.length>1">({{index + 1}})</span></b>
			  </div>
			  <procss-work :item="item"></procss-work>
			  <preview-file :detail="item"></preview-file>
			</div>
			<preview-process-record :guifanFilesProcessRecordList="guifanFilesProcessRecordList"></preview-process-record>
			<div class="pub_center"><el-button size="small" type="primary" @click.once="close()">提交</el-button></div>
		  </div>
		</el-dialog>
	  </div>
	</div>
   </template>
   
   <script>
	 import procssWork from './procss-work.vue';
   export default {
	 props: {
	   type: String,
	   guifanFilesProcessRecordList: [],
	   systemGuifanFilesProcessList: []
	 },
	 components: {
	   procssWork
	 },
	 data() {
	   return {
		 dialogVisible: false
	   };
	 },
	 methods: {
	   init() {
		 this.dialogVisible = true;
	   },
	   close() {
		 this.$emit('close');
	   }
	 }
   };
   </script>
   
   <style scoped="scoped">
   .table1 {
	 margin-bottom: 20px;
   }
   
   table {
	 width: 660px;
   }
   </style>
   